<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
	<script language="javascript">
			
		
		$(document).ready(function(){ 
			$("#tipo").hide();
			
			
			$(".mostrarTipo").click(function(){
				if ($("#nome").val() == "Quarto"){
					$("#tipo").show();
				}else {
						$("#tipo").hide();
				}				
			});			
			
		});		
			
			$(".data").mask("99/99/9999");
	</script>

</head>
<body>
	<fieldset width='100px'>
			<legend class="page_title" ><h2>Cadastro de Produto</h2></legend>    
				<div id="content">
					<div class="page_details">*Obrigatório</div>
						<div class="formitem_grid">							
							<div id="formulario1">	
								<form name="form" id="form1" action="sistema.php?acao=administrador/salvarProduto" method="POST">
									<div class="grid_1">
										*Nome:
									</div>
									<div id= "TipoNome" class="grid_4">
										<select  id="nome" name="nome" class="mostrarTipo" required> 
											<option>Selecione uma opção</option>
											<option>Quarto</option>
											<option>Passeio</option>
										</select>
									</div>
									<div id="tipo">
										<div class="grid_1">
											*Tipo de quarto:
										</div>
										<select  id="tipo_quarto" name="tipo_quarto" class= "grid_4"> 
											<option>Selecione uma opção</option>
											<option>Casal</option>
											<option>Solteiro</option>
										</select>
										<div class="grid_1">
											*Quarto com suíte?
										</div>
										<select  id="tipo_suite" name="tipo_suite" class= "grid_4"> 
											<option>Selecione uma opção</option>
											<option>Sim</option>
											<option>Não</option>
										</select>										
									</div>
									<div class="grid_1">
										*Descrição:
									</div>
									<div class="grid_4">
										<textarea class="textarea" id="descricao" name="descricao"  required> </textarea>
									</div>									
									<div class="grid_1">
										*Valor:
									</div>
									<div class="grid_4">
										<input type="text" id="valor" name="valor"  required />
									</div>					
									<input type="submit" style="margin: 0px 45%" id="salvar" name="salvar" value='Salvar' />
								</form>
							</div><!--Formulário1-->
						</div><!--formitem_grid-->
				</div><!--content-->
	</fieldset>		
</body>
</html>

